<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>培训师信息</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
  <div class="layuimini-main">

    <form class="layui-form" action="" lay-filter="example">
      <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
          <input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="请输入姓名" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-block">
          <input type="password" name="password" placeholder="请输入性别" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">学历</label>
        <div class="layui-input-block">
          <select name="interest" lay-filter="aihao">
            <option value=""></option>
            <option value="0">高中</option>
            <option value="1">大专</option>
            <option value="2">本科</option>
            <option value="3">研究生</option>
            <option value="4">硕士</option>
            <option value="5">博士</option>

          </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">手机</label>
        <div class="layui-input-block">
          <input type="password" name="password" placeholder="请输入手机号" autocomplete="off" class="layui-input">
        </div>
      </div>


      <div class="layui-form-item">
        <label class="layui-form-label">工号</label>
        <div class="layui-input-block">
          <input type="password" name="password" placeholder="请输入工号" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">部门</label>
        <div class="layui-input-block">
          <input type="password" name="password" placeholder="请输入部门" autocomplete="off" class="layui-input">
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">科室</label>
        <div class="layui-input-block">
          <input type="password" name="password" placeholder="请输入科室" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">车间</label>
        <div class="layui-input-block">
          <input type="password" name="password" placeholder="请输入车间" autocomplete="off" class="layui-input">
        </div>
      </div>
  <div class="layui-form-item">
    <label class="layui-form-label">车间</label>
    <div class="layui-input-block">
      <input type="password" name="password" placeholder="请输入车间" autocomplete="off" class="layui-input">
    </div>
  </div>
<div class="layui-form-item">
  <label class="layui-form-label">工种</label>
  <div class="layui-input-block">
    <input type="password" name="password" placeholder="请输入工种" autocomplete="off" class="layui-input">
  </div>
</div>

<div class="layui-form-item">
  <label class="layui-form-label">工种</label>
  <div class="layui-input-block">
    <input type="password" name="password" placeholder="请输入工种" autocomplete="off" class="layui-input">
  </div>
</div>

<div class="layui-form-item">
  <label class="layui-form-label">银行卡号</label>
  <div class="layui-input-block">
    <input type="password" name="password" placeholder="请输入银行卡号" autocomplete="off" class="layui-input">
  </div>
</div>

<div class="layui-form-item">
  <label class="layui-form-label">银行开户行</label>
  <div class="layui-input-block">
    <input type="password" name="password" placeholder="请输入银行卡户行" autocomplete="off" class="layui-input">
  </div>
</div>
<div class="layui-form-item">
  <label class="layui-form-label">培训积分</label>
  <div class="layui-input-block">
    <input type="password" name="password" placeholder="请输入培训积分" autocomplete="off" class="layui-input">
  </div>
</div>


<div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
        </div>
      </div>
    </form>

  </div>
</div>

<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
  layui.use(['form', 'layedit', 'laydate'], function () {
    var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;

    //日期
    laydate.render({
      elem: '#date'
    });
    laydate.render({
      elem: '#date1'
    });

    //创建一个编辑器
    var editIndex = layedit.build('LAY_demo_editor');

    //自定义验证规则
    form.verify({
      aaa: function (value) {
        if (value.length < 5) {
          return '标题至少得5个字符啊';
        }
      }
      , pass: [
        /^[\S]{6,12}$/
        , '密码必须6到12位，且不能出现空格'
      ]
      , content: function (value) {
        layedit.sync(editIndex);
      }
    });

    //监听指定开关
    form.on('switch(switchTest)', function (data) {
      layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
        offset: '6px'
      });
      layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
    });

    //监听提交
    form.on('submit(demo1)', function (data) {
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      })
      return false;
    });




  });
</script>

</body>
</html>